// 文本方向
.text-c {
  text-align: center;
} // 文本居中
.text-l {
  text-align: left;
} // 文本居左
.text-r {
  text-align: right;
} // 文本居右
.text-j {
  text-align: justify;
} // 文本两端对齐

//鼠标样式
.auto {
  cursor: auto;
}
.default {
  cursor: default;
} /* 正常 */
.pointer {
  cursor: pointer;
} /* 链接/可点击 小手*/
.wait {
  cursor: wait;
} /* 加载中 */
.text {
  cursor: text;
} /* 文本输入 */
.move {
  cursor: move;
} /* 可移动 */
.not-allowed {
  cursor: not-allowed;
} /* 禁止操作 */
.help {
  cursor: help;
} /* 帮助 */
.zoom-in {
  cursor: zoom-in;
} /* 放大 */
.zoom-out {
  cursor: zoom-out;
} /* 缩小 */
.grab {
  cursor: grab;
} /* 抓取 */
.grabbing {
  cursor: grabbing;
} /* 抓取中 */

.pe-auto {
  pointer-events: auto;
} /* 默认 */
.pe-none {
  pointer-events: none;
} /* 穿透点击 */
.pe-all {
  pointer-events: all;
} /* 所有事件 */
.pe-visible {
  pointer-events: visible;
} /* 仅当可见时 */

//定位
.position-a {
  position: absolute;
}
.position-r {
  position: relative;
}
.position-f {
  position: fixed;
}
.position-s {
  position: sticky;
  top: 0;
}
/* 通常需要配合定位值使用 */
.positionXY-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.positionY-center {
  top: 50%;
  transform: translateY(-50%);
}
.positionX-center {
  left: 50%;
  transform: translateX(-50%);
}

/* 定位层级控制 */
.z-index-1 {
  z-index: 1;
}
.z-index-2 {
  z-index: 2;
}
.z-index-3 {
  z-index: 3;
}
.z-index-4 {
  z-index: 4;
}
.z-index-5 {
  z-index: 5;
}
.z-index-6 {
  z-index: 6;
}
.z-index-7 {
  z-index: 7;
}
.z-index-8 {
  z-index: 8;
}
.z-index-9 {
  z-index: 9;
}
.z-index-10 {
  z-index: 10;
}
.z-index-100 {
  z-index: 100;
}
.z-index-1000 {
  z-index: 1000;
}

.overflow-h {
  overflow: hidden;
}

//浮动
.float-l {
  float: left;
}
.float-r {
  float: right;
}
